

body, h1, h2, h3, h4, h5, h6, ul, li, th, td, tr, p, span, div {

  //user-select: none;
  box-sizing: border-box;
}
body{
  padding: 0;margin: 0;background-color: #f5f7f9;line-height: 1.5;
  font-family: 'PingFang SC',Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif!important;
}
ul ,li, ol ,p{
  list-style: none;margin: 0;padding: 0;
}
html, body , #root{
  width:100%;height: 100%;
}
/*头像弹窗css*/
.avatar-popper-id{
  padding: 8px 0!important;min-width: 80px!important;
}
#root{
  >#container{
    height: 100%;width: 100%;
  }
}
* {
  &::-webkit-scrollbar {
    width : 8px;
    height: 8px;
    /* 滚动条整体样式 */
  }

  &::-webkit-scrollbar-thumb {
    border-radius   : 10px;
    /* 滚动条里面小方块 */
    background-color: rgba(135, 141, 153, 0.3);
  }

  &::-webkit-scrollbar-track {
    border-radius: 10px;
    /* 滚动条里面轨道 */
    background   : #EDEDED;
  }
}
#page{
  border-radius: 4px;height: 100%;background: #fff;overflow-x: hidden;overflow-y:auto;padding: 10px 15px;
  &::-webkit-scrollbar {
    width : 0px;
    height: 0px;
    /* 滚动条整体样式 */
  }

  &::-webkit-scrollbar-thumb {
    border-radius   : 0px;
    /* 滚动条里面小方块 */
    background-color: rgba(135, 141, 153, 0.3);
  }

  &::-webkit-scrollbar-track {
    border-radius: 0px;
    /* 滚动条里面轨道 */
    background   : #EDEDED;
  }
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

@mixin ease-in-out($time : 0.2s){
  transition: all $time ease-in-out
}
.ease-in-out{
  @include ease-in-out(0.3s)
}
//手型
.pointer{
  &:hover{
    cursor: pointer;
  }
  @include ease-in-out(0.3s)
}
//宽度100%
.fullWidth{
  width : 100%;
}
//字体颜色红色
.red{
  color:#f56c6c;
}
.green{
  color:#67c23a
}
.blue{
  color:#409eff
}
.warning{
  color:#e6a23c
}
//向上三角形
.sjx{
  display: inline-block;width:0;height:0;
  border-right:7px solid transparent;
  border-left:7px solid transparent;
  border-bottom:7px solid #fff;
}
